import styles from './index.less';

export default function WaterPolo(props) {
  return (
    <div className={styles.container}>
      <div className={styles.shuiqiu}>
        <div className={styles.content}>{props.content}</div>

        <div className={styles.shuiqiucontent}>
          <div className={`${styles.shui} ${styles.shui1}`}></div>
          <div className={`${styles.shui} ${styles.shui2}`}></div>
          <div className={`${styles.shui} ${styles.shui3}`}></div>
          <div className={`${styles.shui} ${styles.shui4}`}></div>
          <div className={`${styles.shui} ${styles.shui5}`}></div>
          <div className={`${styles.shui} ${styles.shui6}`}></div>
        </div>
      </div>
      <div className={styles.title}>{props.title}</div>
    </div>
  );
}
